<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogFormVisible"


  >
    <div>
      <table style="width: 100%" class="mytable">
        <tr>
          <td class="ttitle" rowspan="2">老人信息</td>
          <td class="ttitle">老人编号</td>
          <td>{{detail.elderlyCode}}</td>
          <td class="ttitle">老人姓名</td>
          <td>{{detail.elderlyName}}</td>

        </tr>
        <tr>

          <td class="ttitle">证件号</td>   <td colspan="3">{{detail.cardNo}}</td>


        </tr>
        <tr>
          <td class="ttitle" rowspan="3">入住信息</td>
          <td class="ttitle">入住编号</td><td>{{detail.checkInMark}}</td>

          <td class="ttitle">入住房间</td><td>{{detail.buildingNumber}}楼{{detail.unit}}单元{{detail.floor}}层 {{detail.roomNumber}}房{{detail.bedNumber}}床</td>


        </tr>
        <tr>
          <td class="ttitle">入住类型</td><td>{{detail.checkInTypeName}}</td>

        <td class="ttitle">入住状态</td><td v-if="detail.retreat==false">入住中</td><td v-if="detail.retreat==true">已退住</td>
        </tr>

        <tr>
          <td class="ttitle">入住时间</td><td>{{detail.checkedInTime}}</td>
          <td class="ttitle" >计费时间</td><td>{{detail.startBillingTime}}</td>
        </tr>
        <tr>
          <td class="ttitle" rowspan="1">护理信息</td>
          <td class="ttitle">护理编号</td><td>{{detail.nursingLevel}}</td>
          <td class="ttitle">护理等级</td><td>{{detail.nursingLevelName}}</td>
        </tr>
        <tr>
          <td class="ttitle" rowspan="5">合同信息</td>

          <td class="ttitle">合同编号</td><td>{{detail.contractNo}}</td>
          <td class="ttitle">合同到期时间</td><td>{{detail.contractExpirationTime}}</td>
        </tr>
      </table>


    </div>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">关 闭</el-button>

    </div>
  </el-dialog>
</template>

<script>

    export default {

        name: "moveinfo",

        data() {
            return {
                title:"入住详情",
                detail:{

                },
                dialogFormVisible: false,
            };

        },
        methods:{
            showEdit(row) {
                   console.log(row)
                this.detail = row
                this.dialogFormVisible = true;
            },
        },
    }
</script>

<style scoped>
  table
  {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
  }
  table td, table th
  {
    border: 1px solid #cad9ea;
    height: 30px;
  }
  table .ttitle
  {
    background-color: #F5FAFA;
    width: 100px;
  }
  table tr:nth-child(odd)
  {
    background: #fff;
  }
</style>
